<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.com">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      .fontStyle1{
        color: #01774f;
        font-size: 18px;
        font-weight: bolder;
      }
      .fontStyle2{
        color: gray;
        font-size: 13px;
      }
      .linkStyle1{
        font-size: 13px;
        text-decoration: none;
      }
      #container{
        position: relative;
        height: 520px;
      }
      #div1{
        position: absolute;
        left: 0;
        top: 0;
      }
      #div2{
        width: 250px;
        height: 290px;
        position: absolute;
        left: 1100px;
        top: 85px;
        background: rgba(255,255,255,0.9);
        border-radius: 10px;
        padding: 30px 20px;
      }
    </style>
  </head>
  <body style="margin: 0;padding:0">
    <table width="100%" cellspacing="0">
      <tr height="110">
        <td>&nbsp;</td>
        <td width="60%">
          <img src="/src/logo.png">
        </td>
        <td>&nbsp;</td>
      </tr>
      <tr height="520">
        <td colspan="3">
          <div id="container">
            <div id="div1">
              <img src="/src/banner2.jpg" width="100%" height="520">
            </div>
            <div id="div2">
              <form action="/login">
                <label style="color: #027750;font-size: 18px;font-weight: bolder;">欢迎登录</label><br>
                <label style="color: red;font-size: 13px"th:text="${msg}"></label>
                <input type="text" name="num" style="height:25px;width: 240px;margin-top:30px;" placeholder="学号或工号"><br>
                <input type="password" name="pwd" style="height:25px;width: 240px;margin-top:20px;" placeholder="登录密码"><br>
                <input type="text" style="height:25px;width: 100px;margin-top:20px;" placeholder="验证码">
                <img src="/src/code.png" style="position: relative;top: 10px;"><br>
                <div style="margin-top: 20px">
                  <label><input type="radio" name="role" value="student" checked>学生</label>
                  <label><input type="radio" name="role" value="teacher">教师</label>
                  <label><input type="radio" name="role" value="manager">管理员</label>
                </div>
                <input type="submit" style="height:35px;width: 100px;margin-top:20px;" value="登录">
                <input type="reset" style="height:35px;width: 100px;margin-top:20px;margin-left: 20px;" value="重置">
              </form>
            </div>
          </div>
        </td>
      </tr>
      <tr height="255">
        <td>&nbsp;</td>
        <td>
          <table width="100%" height="248">
            <tr height="35">
              <td colspan="2" width="50%">
                <label class="fontStyle1">使用说明书</label>
              </td>
              <td colspan="2" width="50%">
                <label class="fontStyle1">帮助电话</label>
              </td>
            </tr>
            <tr height="140">
              <td width="65" align="left" valign="top">
                <img src="/src/1.png" width="50" >
              </td>
              <td>
                <a href="https://sso.hubu.edu.cn/assets/cab/rzsc.pdf"class="linkStyle1">统一身份认证平台</a><br/>
                <label class="fontStyle2">1.续一身份认证平台是学校智慧校园身份管理与服务中心。为按内各奥应用系统提供统一的身份认证和反权管理服务</label><br/>
                <label class="fontStyle2">2.统一身份认证平台和智慧服务中心请使用工E10及以上版本的漱览器,推荐使用谷歌(Chrome)或火狐(FireFox）浏资器登录,若使用360浏览器兼容模式请将工E浏览器升级至IE10及以上版本</label>
              </td>
              <td width="65" align="left" valign="top">
                <img src="/src/2.png" width="50"/>
              </td>
              <td>
                <label class="fontStyle2">1.留陆账号为个人学号/职工号,初始密码为hubu@+身份证号码后六位。若末位为X,请大写。例如,身份证号码后六位为12345x,则初始密码应该为hubu@12345X</label><br/>
                <label class="fontStyle2" style="color:red">2.如需进入OA系统，请使用IE10及以上断本洲览器登录智慧服务中心</label><br/>
                <label class="fontStyle2">3 .统一身份认证平台使用问题，请于工作时间联系校园建设与信息化办公室，联系人:周老师8665048</label>
              </td>
            </tr>
            <tr>
              <td colspan="4">
                <label class="fontStyle2" style="color: red;">温馨提示</label>
                <label class="fontStyle2" style="color: #027750;">出于安全考虑，一旦您访问过那些需要您提供凭证信息的应用时，请操作完之后关闭浏览器</label>
              </td>
            </tr>
          </table>
        </td>
        <td>&nbsp;</td>
      </tr>
      <tr height="62" bgcolor="#027750">
        <td>&nbsp;</td>
        <td align="center">
          <label class="fontStyle2" style="color: white;">
            湖北大学版权所有 Copyright©2019-2021 校园建设与信息化办公室 地址：湖北省武汉市武昌区友谊大道368号 联系电话：027-88665038 电子邮箱：one@hubu.edu.cn
          </label>
        </td>
        <td>&nbsp;</td>
      </tr>
    </table>
  </body>
</html>